<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/shopdetails.css">
    <title>商品详情</title>
</head>
<body>
    <!-- 网页头部区域 -->
    <header>
        <ul class="logo">
            <li><a href="index.html" class="logo-image"></a></li>
            <li><a href="../pages/index4.html" class="logo-font"></a></li>
        </ul>
        <input type="text" class="search" placeholder="搜索商品，发现更多优惠">
        <input type="button" class="search-btn" value="搜索">
        <div class="icon">
            <div class="icon-1"></div>
            <div class="icon-2"></div>
            <div class="icon-3"></div>
        </div>
    </header>
    <!-- 网页导航区域 -->
    <nav>
        <p>首页</p>
    </nav>
    <!-- 商品详情 -->
    <main>
        <!-- <div class="content"> -->
            <!-- <div class="shopimg"></div>
            <div class="shop-content">
                <h3>
                    <img src="../static/image/shoplogo.png">
                    <span>WEEKEEP美式宽松短款罩衫短袖T恤女黑色字母酷炫跳舞上衣百搭潮女</span>
                </h3>
                <div class="price">
                    <p class="originalprice">原价￥35</p>
                    <div>
                        <p>
                            <span>券后价: ¥14.9</span>
                            <span>5元券</span>
                        </p>
                        <span class="buy-person">169人已买</span>
                    </div>
                </div>
                <div class="buybtn">
                    <p>优惠有效期：2021-07-08</p>
                    <div>领券购买</div>
                </div>
            </div> -->
        </div>
    </main>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/shopdetails.js"></script>
</body>
</html>